<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ page language="java" contentType="text/html;UTF-8" pageEncoding="UTF-8" %>
<%@ taglib prefix="s" uri="/struts-tags" %>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <script type="text/javascript" src="/Fonafe-Bienes/js/jquery.min.js"></script>
        <script type="text/javascript" src="/Fonafe-Bienes/js/jsindex.js"></script>
        <link href="/Fonafe-Bienes/css/default.css" type="text/css" rel="stylesheet" />
        <script type="text/javascript" src="/Fonafe-Bienes/js/jsvalidaciones.js"></script>
        <!--[if IE]>
		<script type="text/javascript" src="/Fonafe-Bienes/js/jforie.js"></script>
		<link href="/Fonafe-Bienes/css/forie.css" type="text/css" rel="stylesheet" />
	<![endif]-->
    </head>
    <body>
        <!-- ********************************************************** -->
        <!-- INIDIO DE CABECERA SUPERIOR: LOGO, BUSQUEDA INICIAL Y MENU PRINCIPAL -->

        <div id="header">
            <jsp:include page="/base/header.jsp" flush="false"/>
            <jsp:include page="/base/menu.jsp" >
                <jsp:param name="parametro" value="principal" />
            </jsp:include>
        </div>
        <div id="main">
            <div id="cuerpo">
                <div>
                    <!-- ENCERRADO DENTRO DE UN DIV PARA OBTENER DIMENSIONES CONCRETAS -->
                    <div id="index_left" class="align_left">

                        <div class="cuadro_busqueda">
                            <div class="cb_top">
                                <div class="cabeceras_cuadro gorro_busqueda">
                                    <!-- AQUI TEXTO DE CADA CABECERA DEL CUADRO-->
                                    Busqueda Principal
                                    <!-- FIN DE TEXTO DE CADA CABECERA DEL CUADRO -->
                                </div>
                            </div>
                            <div class="cb_cuerpo">
                                <div class="contenido_bp">
                                    <form action="<s:url action="buscarBien"/>" name="formInicial" method="post">
                                        <table class="tabla_busqueda_principal">
                                            <thead>
                                                <tr>
                                                    <!--
													Este es el subtitulo del formulario de principal
												  --> 		
                                                    <th colspan="2">
                                                        Busca algun inmueble o mueble especifico.
                                                    </th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td><span class="eti_busqueda_p">Tipo de bien</span></td>
                                                    <td>
                                                        <span class="eti_busqueda_s align_left">Inmueble</span>
                                                        <input type="radio" value="inmueble" checked="true" class="align_left" name="rtipo" />

                                                        <!-- ESTA ES UNA SEPARACION ENTRE LOS RADIOSBUTTONS -->
                                                        <span class="eti_espacio align_left"></span>

                                                        <span class="eti_busqueda_s align_left">Mueble</span>
                                                        <input type="radio" value="mueble" class="align_left" name="rtipo" />

                                                        <div class="clean_space"></div>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td><span class="eti_busqueda_p">Empresa</span></td>
                                                    <td><s:select name="id_empresa" headerKey="0" headerValue="--Todos--"  list="listEmpresa" listKey="id_empresa" listValue="nombre_empresa" theme="simple" /></td>
                                                </tr>
                                                <tr>
                                                    <td><span class="eti_busqueda_p">Depart / Provincia / Distrito</span></td>
                                                    <td>
                                                        <div>
                                                            <input autocomplete="off" type="text" onkeyup="$.autocomplete($(this));" value="" class="texto_mediano" name="ubigeo" />
                                                        </div>
                                                       
                                                    </td>
                                                </tr>
                                                
                                            </tbody>
                                        </table>
                                        <fieldset  style="border: 1.5px #ccc solid; width: 350px; margin-left: 20px;">
                                            <legend style="FONT-WEIGHT: bold; FONT-STYLE: italic; BACKGROUND-COLOR: transparent">&nbsp;Precio: &nbsp;</legend>
                                            <table>
                                                <tbody>
                                                    <tr><td colspan="3">&nbsp;</td></tr>
                                                    <tr>
                                                        <td width="50"></td>
                                                        <td><span class="eti_busqueda_p">Moneda</span></td>
                                                        <td>
                                                            <select name="tipMoneda">
                                                                <option value="">--Seleccionar--</option>
                                                                <option value="Sol">Soles</option>
                                                                <option value="Dolar">Dolares</option>
                                                                <option value="Euro">Euros</option>
                                                            </select>
                                                        </td>
                                                    </tr>
                                                    <tr><td width="50"></td>
                                                        <td><span class="eti_busqueda_p">Desde</span></td>
                                                        <td>
                                                            <input type="text" name="precioDesde" class="texto_precio sin_margin" onkeypress="return $.solonumerodecimal(event);"/>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td width="50"></td>
                                                        <td><span class="eti_busqueda_p">Hasta</span></td>
                                                        <td>
                                                            <input type="text" name="precioHasta" class="texto_precio sin_margin" onkeypress="return $.solonumerodecimal(event);"/>
                                                        </td>
                                                    </tr>
                                                    <tr><td colspan="3">&nbsp;</td></tr>
                                                </tbody>
                                            </table>
                                        </fieldset>
                                        <br/>
                                        <p align="center"><a href="javascript:document.formInicial.submit();" class="isbutton">Buscar</a></p>
                                    </form>

                                    <!-- FIN DE CONTENIDO DE CADA CUADRO -->
                                </div>
                            </div>
                            <div class="cb_bot"></div>
                        </div>


                    </div>
                    <div id="index_right" class="align_rigth">

                        <div class="cuadro_subasta">
                            <div class="csub_top">
                                <div class="cabeceras_cuadro gorro_subasta">
                                    <!-- AQUI TEXTO DE CADA CABECERA DEL CUADRO -->
                                    Subastas
                                    <!-- FIN DE TEXTO DE CADA CABECERA DEL CUADRO -->
                                </div>
                            </div>
                            <div class="csub_cuerpo">

                                <div class="contenido_subas">
                                    <!-- AQUI CONTENIDO DE CADA CUADRO -->
                                    <div id="slider_subasta">
                                        <a class="botones_subasta" href="javascript:void(0)" rel="up">up</a>
                                        <a class="botones_subasta bsub_down" href="javascript:void(0)" rel="down">up</a>

                                        <div id="contenedor_slider_subasta">
                                            <div id="slider_items_subasta">

                                                <!--
												ESTOS SON LOS ITEMS DE CADA SUBASTA												
											  -->
                                                <!-- INICIO DEL ITEM_SUBASTA -->


                                                <!-- *********************************************************** -->
                                                <s:iterator value="listSubasta_5" var="bean">
                                                    <div class="item_subasta">
                                                        <!-- TITULO DE LA SUBASTA -->
                                                        <div class="subas_titulo"><s:property value="nombre" escapeCsv="false"/></div>
                                                        <!-- DESCRIPCION DE LA SUBASTA -->
                                                        <div class="subas_des">
                                                            Cant. Bienes: <s:property value="cantBienes"/>&nbsp;&nbsp;
                                                            Fecha de Vencimiento: <s:property value="fechVencimiento"/><br />
                                                            <s:if test="%{bases != null}">
                                                            <s:url action="downloadBases" id="downBases">
                                                                <s:param name="idSubasta" value="id"></s:param>
                                                            </s:url>
                                                            <s:a href="%{downBases}">Descargar Bases<img src="/Fonafe-Bienes/img/file-download.png" alt="file"/></s:a>
                                                            </s:if>
                                                            <s:url action="detalleSubasta" id="detalleSubas">
                                                                <s:param name="idSubasta" value="id"></s:param>
                                                            </s:url>							 
                                                            <s:a href="%{detalleSubas}" cssClass="link_de_subasta">Ver mas</s:a>
                                                        </div>

                                                    </div>
                                                </s:iterator>
                                                <!-- *********************************************************** -->
                                                <!-- FIN DEL ITEM_SUBASTA -->





                                            </div>
                                        </div>
                                    </div>

                                    <!-- FIN DE CONTENIDO DE CADA CUADRO -->
                                </div>
                            </div>
                            <div class="csub_bot"></div>
                        </div>

                    </div>
                    <div class="clean_space"></div>

                </div>


                <div>
                    <!-- ENCERRADO DENTRO DE UN DIV PARA OBTENER DIMENSIONES CONCRETAS -->

                    <div class="cuadro_in_mueble">
                        <div class="cim_top">
                            <div class="cabeceras_cuadro gorro_galeria">
                                <!-- AQUI TEXTO DE CADA CABECERA DEL CUADRO -->
                                Inmuebles
                                <!-- FIN DE TEXTO DE CADA CABECERA DEL CUADRO -->
                            </div>
                        </div>
                        <div class="cim_cuerpo">
                            <div class="contenido_slider_html">


                                <!-- GALERIA DE INMUEBLES -->
                                <div class="galeria_down_inm">
                                    <a class="botones_gal_inm" href="javascript:void(0)" rel="left">up</a>
                                    <a class="botones_gal_inm bgalin_down" href="javascript:void(0)" rel="right">up</a>


                                    <div class="galeria_inmueble_mueble">
                                        <div class="movible_in_mueble" id="sl_inmueble">

                                            <!--
										CADA ITEM_INMUEBLE ES EL CADA FOTO CON SU DESCRIPCION DEL INMUEBLE
										EL PRIMER ITEM INMUEBLE DARA LOS LIMITES DE CADA ITEM_INMUEBLE
									-->

                                            <!-- INICIO DEL ITEM_INMUEBLE -->
                                            <!-- *********************************************************** -->



                                            <s:iterator value="listInmueble_5" var="inm">
                                                <div class="item_inmueble">
                                                    <div class="align_left it_in_img">
                                                        <s:url action="detalleInmueble" id="detalleInmu">
                                                            <s:param name="idInmueble" value="id"></s:param>
                                                        </s:url>

                                                        <s:a href="%{detalleInmu}">
                                                            <s:url action="verImagen" id="verImag"/>
                                                            <img alt="<s:property value="nombre"/>" class="dimen_it_in" src="Fonafe-Bienes/struts/verImagen?idFoto=<s:property value="id"/>" />
                                                        </s:a>
                                                        <!--
													ESTE DIV ES EL CUADRO DIFUMINADO QUE SALE ABAJO DE CADA IMAGEN DE INMUEBLE 
													Y SE COLOCA COMO SE VE, DEBAJO DE LA DECLARACION DE LA IMAGEN EN EL COMPONENTE
													<IMG SRC="" />
												-->
                                                        <!-- INICIO TITULO DE IMAGEN -->
                                                        <!-- *********************************************************** -->
                                                        <div class="sombra_nombre">
                                                            <s:property value="nombre" escapeCsv="false"/>
                                                        </div>
                                                        <!-- *********************************************************** -->
                                                        <!-- FIN TITULO DE IMAGEN -->
                                                    </div>
                                                    <div class="align_rigth it_in_desc">

                                                        <!--
                                                                LA DESCRIPCION DEL ITEM_INMUEBLE VA ENCERRADA EN UN DIV TAL COMO SE VE
                                                        -->
                                                        <!-- INICIO DESCRIPCION DEL ITEM INMUEBLE -->
                                                        <!-- *********************************************************** -->
                                                        <div class="text_descripcion_in">
                                                            <s:property value="descripcion" escapeCsv="false"/>
                                                        </div>
                                                        <!-- *********************************************************** -->
                                                        <!-- FIN DESCRIPCION DEL ITEM INMUEBLE -->

                                                        <!--
                                                                EL BOTON VER MAS VA FUERA DE LA DESCRIPCION PERO DENTRO DEL DIV:  "it_in_desc"
                                                                TAL COMO SE VE
                                                        -->
                                                        <s:a href="%{detalleInmu}" cssClass="isbutton">Ver mas</s:a>
                                                    </div>
                                                    <div class="clean_space"></div>
                                                </div>

                                            </s:iterator>
                                            <!-- *********************************************************** -->
                                            <!-- FIN DEL ITEM_INMUEBLE -->




                                            <div class="clean_space"></div>
                                        </div>

                                    </div>
                                </div>




                                <!-- GALERIA DE MUEBLES -->

                            </div>
                        </div>
                        <div class="cim_foot"></div>
                    </div>


                    <div class="cuadro_in_mueble">
                        <div class="cim_top">
                            <div class="cabeceras_cuadro gorro_galeria">
                                <!-- AQUI TEXTO DE CADA CABECERA DEL CUADRO -->
                                Muebles
                                <!-- FIN DE TEXTO DE CADA CABECERA DEL CUADRO -->
                            </div>
                        </div>
                        <div class="cim_cuerpo">
                            <div class="contenido_slider_html">


                                <!-- GALERIA DE INMUEBLES -->
                                <div class="galeria_down_inm">
                                    <a class="botones_gal_mue" href="javascript:void(0)" rel="left">up</a>
                                    <a class="botones_gal_mue bgalin_down" href="javascript:void(0)" rel="right">up</a>


                                    <div class="galeria_inmueble_mueble">
                                        <div class="movible_in_mueble" id="sl_mueble">



                                            <s:iterator value="listMueble_5" var="mueble">
                                                <div class="item_inmueble">
                                                    <div class="align_left it_in_img">

                                                        <s:url action="detalleMueble" id="detMueble">
                                                            <s:param name="idMueble" value="id_mueble"></s:param>
                                                        </s:url>
                                                        <s:a href="%{detMueble}">
                                                            <s:url action="verImagenMueble" id="verImagMueble" />
                                                            <img alt="<s:property value="nombre"/>" src="Fonafe-Bienes/struts/verImagenMueble?idFoto=<s:property value="id_mueble"/>" class="dimen_it_in" />

                                                        </s:a>

                                                        <div class="sombra_nombre">
                                                            <s:property value="nombre"/>
                                                        </div>
                                                    </div>
                                                    <div class="align_rigth it_in_desc">

                                                        <div class="text_descripcion_in">
                                                            <s:property value="descripcion"/>
                                                        </div>
                                                        <s:a href="%{detMueble}" cssClass="isbutton">Ver mas</s:a>
                                                    </div>
                                                    <div class="clean_space"></div>
                                                </div>
                                            </s:iterator>



                                            <div class="clean_space"></div>
                                        </div>

                                    </div>
                                </div>


                                <!-- GALERIA DE MUEBLES -->

                            </div>
                        </div>
                        <div class="cim_foot"></div>
                    </div>

                </div>

            </div>

        </div>
        <jsp:include page="/base/footer.jsp" flush="false" />
    </body>
</html>
